﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Honsen</title>
<!--                       CSS                       -->
<!-- Reset Stylesheet -->
<link rel="stylesheet" href="../resources/css/reset.css" type="text/css" media="screen" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="../resources/css/style.css" type="text/css" media="screen" />
<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
<link rel="stylesheet" href="../resources/css/invalid.css" type="text/css" media="screen" />
<!--                       Javascripts                       -->
<!-- jQuery -->
<script type="text/javascript" src="../resources/scripts/jquery-1.3.2.min.js"></script>
<!-- jQuery Configuration -->
<script type="text/javascript" src="../resources/scripts/simpla.jquery.configuration.js"></script>
<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="../resources/scripts/facebox.js"></script>
<!-- jQuery WYSIWYG Plugin -->
<script type="text/javascript" src="../resources/scripts/jquery.wysiwyg.js"></script>
<!-- jQuery Datepicker Plugin -->
</head>
<body>
<div id="body-wrapper">
  <!-- Wrapper for the radial gradient background -->
  <div id="sidebar">
    <div id="sidebar-wrapper">
      <!-- Sidebar with logo and menu -->
      <h1 id="sidebar-title"><a href="#"></a></h1>
      <!-- Logo (221px wide) -->
  <!--    <a href=""><img id="logo" src="resources/images/logo.png" alt="Simpla Admin logo" /></a>-->
   <div style=" height:99px; width:30px;"></div>
      <!-- Sidebar Profile links -->
      <div id="profile-links"> 
      您好, <a href="#" title="Edit your profile">865171</a>, 您有 <a href="#messages" rel="modal" title="3 Messages">3 封消息</a>
      <br />
        <br />
        <a href="#" title="Sign Out">系统登录</a> </div>
      <ul id="main-nav">
        <!-- Accordion Menu -->
        <!--<li>
            <a class="nav-top-item no-submenu" href="#">系统登录</a>
        </li>-->
        <li> <a class="nav-top-item no-submenu" href="../Main.html">
          <!-- Add the class "no-submenu" to menu items with no sub menu -->
          主页面 </a> </li>
        <li> 
     <!-- <a href="#" class="nav-top-item">-->
        <a href="#" class="nav-top-item current">
          <!-- Add the class "current" to current menu item -->
          生产管理 </a>
          <ul>
            <li><a  href="#">生产管理操作说明</a></li>
            <!-- Add class "current" to sub menu items also -->
            <li><a class="current" href="#">母猪管理</a></li>
            <li><a href="#">仔猪管理</a></li>
            <li><a href="#">肉猪管理</a></li>
            <li><a href="#">配种记录管理</a></li>
            <li><a href="#">繁殖记录管理</a></li>
            <li><a href="#">断奶记录管理</a></li>
            <li><a href="#">饲料消耗管理</a></li>
            <li><a href="#">疾病记录管理</a></li>
          </ul>
        </li>
        <li> <a href="#" class="nav-top-item"> 采购销售 </a>
          <ul>
            <li><a href="#">猪只采购</a></li>
            <li><a href="#">猪只销售</a></li>
            <li><a href="#">饲料采购</a></li>
          </ul>
        </li>
        <li> <a href="#" class="nav-top-item"> 效益报表 </a>
          <ul>
            <li><a href="#">采食量分析</a></li>
            <li><a href="#">肉粮比分析</a></li>
            <li><a href="#">销售分析</a></li>
            <li><a href="#">毛利分析</a></li>
          </ul>
        </li>
        <li> <a href="#" class="nav-top-item"> 系统消息 </a>
          <ul>
            <li><a href="#">生产管理消息</a></li>
            <li><a href="#">采购消息</a></li>
          </ul>
        </li>
        <li> <a href="#" class="nav-top-item"> 系统设置 </a>
          <ul>
            <li><a href="#">母猪分娩时间设置</a></li>
            <li><a href="#">母猪哺乳时间设置</a></li>
            <li><a href="#">饲料饲喂量设置</a></li>
          </ul>
        </li>
      </ul>
      <!-- End #main-nav -->
      <div id="messages" style="display: none">
        <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
        <h3>您有3封提示消息</h3>
        <p> <strong>2014年4月20日</strong><br />
          肉猪饲料即将用尽，请尽快采购相应饲料。 <small><a href="#" class="remove-link" title="Remove message">查阅详情</a></small> </p>
        <p> <strong>2014年4月22号</strong><br />
          耳号为151012349809号母猪即将分娩，请多注意观察。 <small><a href="#" class="remove-link" title="Remove message">查阅详情</a></small> </p>
        <p> <strong>2014年4月30日</strong><br />
          1号圈乳猪已达到断奶期。<small><a href="#" class="remove-link" title="Remove message">查阅详情</a></small> </p>
      </div>
      <!-- End #messages -->
    </div>
  </div>
  <!-- End #sidebar -->
  <div id="main-content">
    <!-- Main Content Section with everything -->
    <noscript>
    <!-- Show a notification if the user has disabled javascript -->
    <div class="notification error png_bg">
      <div> Javascript is disabled or is not supported by your browser. Please <a href="http://browsehappy.com/" title="Upgrade to a better browser">upgrade</a> your browser or <a href="http://www.google.com/support/bin/answer.py?answer=23852" title="Enable Javascript in your browser">enable</a> Javascript to navigate the interface properly.
        Download From <a href="http://www.exet.tk">exet.tk</a></div>
    </div>
    </noscript>
    <!-- Page Head -->
    <h2>欢迎使用猪场在线管理系统</h2>
    <p id="page-intro">您期望做？</p>
    <ul class="shortcut-buttons-set">
      <li><a class="shortcut-button" href="#"><span> <img src="../resources/images/management48.png" alt="icon" /><br />
        肉猪管理 </span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="../resources/images/icons/paper_content_pencil_48.png" alt="icon" /><br />
        饲料消耗管理 </span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="../resources/images/icons/image_add_48.png" alt="icon" /><br />
       疾病记录管理 </span></a></li>
      <li><a class="shortcut-button" href="#"><span> <img src="../resources/images/icons/clock_48.png" alt="icon" /><br />
        饲料采购 </span></a></li>
      <li><a class="shortcut-button" href="#messages" rel="modal"><span> <img src="../resources/images/icons/comment_48.png" alt="icon" /><br />
        效益分析 </span></a></li>
    </ul>
    <!-- End .shortcut-buttons-set -->
    <div class="clear"></div>
    <!-- End .clear -->
    <div class="content-box">
      <!-- Start Content Box -->
      <div class="content-box-header">
        <h3>母猪管理</h3>
        <ul class="content-box-tabs">
          <li><a href="#tab1" class="default-tab">查看母猪资料</a></li>
          <!-- href must be unique and match the id of target div -->
          <li><a href="#tab2">添加母猪资料</a></li>
        </ul>
        <div class="clear"></div>
      </div>   
      <!-- End .content-box-header -->
      <div class="content-box-content">
        <div class="tab-content default-tab" id="tab1">
          <!-- This is the target div. id must match the href of this div's tab -->
          <!--<div class="notification information png_bg"> <a href="#" class="close"><img src="../resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
            <div><span> 2014年4月18日四川生猪价格行情，单位：元/斤。</span> </div>
          </div>-->
         <table>
            <thead>
              <tr>
                <th>
                  <input class="check-all" type="checkbox" />
                </th>
                <th>母猪耳号</th>
                <th>品种</th>
                <th>进场日期</th>
                <th>所在猪舍</th>
                <th>繁殖状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tfoot>
              <tr>
                <td colspan="6">
                  <div class="pagination"> <a href="#" title="First Page">&laquo; 第一页</a><a href="#" title="Previous Page">&laquo; 前一页</a> <a href="#" class="number" title="1">1</a> <a href="#" class="number" title="2">2</a> <a href="#" class="number current" title="3">3</a> <a href="#" class="number" title="4">4</a> <a href="#" title="Next Page">下一页 &raquo;</a><a href="#" title="Last Page">最后一页 &raquo;</a> </div>
                  <!-- End .pagination -->
                  <div class="clear"></div>
                </td>
              </tr>
            </tfoot>
            <tbody>
              <tr>
              <td>
                  <input type="checkbox" />
                </td>
                <td><a href="#" title="查看母猪详细信息">51100090019283</a></td>
                <td>内三元</td>
                <td>2012年1月1日</td>
                <td>1</td>
                <td>待配种</td>
                <td>
                  <!-- Icons -->
                  <a href="#" title="修改">
                    <img src="../resources/images/icons/pencil.png" alt="修改" />
                  </a> 
                  <a href="#" title="删除">
                    <img src="../resources/images/icons/cross.png" alt="删除" />
                  </a> 
                 </td>
              </tr>
               <tr>
               <td>
                  <input type="checkbox" />
                </td>
                <td><a href="#" title="查看母猪详细信息">51100090019284</a></td>
                <td>外三元</td>
                <td>2012年5月3日</td>
                <td>2</td>
                <td>育种</td>
                 <td>
                  <!-- Icons -->
                  <a href="#" title="修改">
                    <img src="../resources/images/icons/pencil.png" alt="修改" />
                  </a> 
                  <a href="#" title="删除">
                    <img src="../resources/images/icons/cross.png" alt="删除" />
                  </a> 
                 </td>
              </tr> 
                <tr>
                <td>
                  <input type="checkbox" />
                </td>
                <td><a href="#" title="查看母猪详细信息">51100090019285</a></td>
                <td>土杂猪</td>
                <td>2013年8月15日</td>
                <td>3</td>
                <td> 已配种</td>
                 <td>
                  <!-- Icons -->
                  <a href="#" title="修改">
                    <img src="../resources/images/icons/pencil.png" alt="修改" />
                  </a> 
                  <a href="#" title="删除">
                    <img src="../resources/images/icons/cross.png" alt="删除" />
                  </a> 
                 </td>
              </tr> 
              <tr>
              <td>
                  <input type="checkbox" />
                </td>
                <td><a href="#" title="查看母猪详细信息">51100090019287</a></td>
                <td>外三元</td>
                <td>2013年10月1日</td>
                <td>4</td>
                <td>已断奶</td>
                 <td>
                  <!-- Icons -->
                  
                  <a href="#" title="修改">
                    <img src="../resources/images/icons/pencil.png" alt="修改" />
                  </a> 
                  <a href="#" title="删除">
                    <img src="../resources/images/icons/cross.png" alt="删除" />
                  </a> 
                 </td>
              </tr> 
            </tbody>
          </table>
        </div>
        <div class="tab-content" id="tab2">
         <div class="notification attention png_bg"> <a href="#" class="close"><img src="../resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
            <div> 红色新号 <span style=" color:Red">*</span>表示必填项目 </div>
          </div>
          <form action="#" method="post">
            <fieldset>
            <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
             <p>
              <label>母猪耳号</label>
               <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" />
                <span style=" color:Red">*</span>
      <!--        <input class="text-input small-input" type="text" id="small-input" name="small-input" />-->
              <!--<span class="input-notification success png_bg">Successful message</span>-->
              <!-- Classes for input-notification: success, error, information, attention -->
              <br />
            </p>
              
            <p>
              <label>母猪品种</label>
              <select name="dropdown" class="small-input">
                <option value="option1">内三元</option>
                <option value="option2">外三元</option>
                <option value="option3">土杂猪</option>
                <option value="option4">太湖母猪</option>
              </select>
              <a href="#">添加品种?</a>
            </p>
            <p>
              <label>母猪来源</label>
               <select name="dropdown" class="small-input">
                <option value="option1">猪场自养</option>
                <option value="option2">购买</option>
                <option value="option4">其他</option>
              </select>
            </p>
            <p>
              <label>进场日期</label>
             <input class="text-input small-input" type="text" id="small-input" name="small-input" />
            </p>
            <p>
              <label>配种次数</label>
               <input class="text-input small-input" type="text" id="Text1" name="small-input" value="0" />
             <small>请输入数字,不填即为0</small>
             </p>
            <p>
              <label>已生产胎数</label>
                <input class="text-input small-input" type="text" id="Text2" name="small-input" value="0" />
              <small>请输入数字，不填即为0</small>
             </p>
            <p>
              <label>繁育状态</label>
              <select name="dropdown" class="small-input">
                <option value="option0">正常</option>
                <option value="option1">育种</option>
                <option value="option2">待配种</option>
                <option value="option3">已配种</option>
                <option value="option4">已繁殖</option>
                <option value="option4">已断奶</option>
              </select>
            </p>
            <p>
              <label>备注说明</label>
 <!--             <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>-->      
                <textarea id="TextArea1" cols="20" rows="4"></textarea>
            </p>
            <p>
              <input class="button" type="submit" value="保存" />
            </p>
            </fieldset>
            <div class="clear"></div>
            <!-- End .clear -->
          </form>
        </div>
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->
    <div class="clear"></div>
    <div id="footer"> <small>
      <!-- Remove this notice or replace it with whatever you want -->
      &#169; Copyright 2014 HonSen | Powered by <a href="#">胡鸿春，联系电话：138 1868 9543</a> | <a href="#">返回最顶层</a> </small> </div>
    <!-- End #footer -->
  </div>
  <!-- End #main-content -->
</div>
</body>
<!-- Download From www.exet.tk-->
</html>
